@charset "utf-8";
body,h1,h2,h3,h4,h5,h6,hr,p,dl,dt,dd,ul,ol,li,pre,code,form,legend,b,button,input,textarea,blockquote{margin:0;padding:0;}
img,abbr,acronym{border:0;}
table td{word-break:break-all;}
caption,th{text-align:left;}
ol,ul{list-style:none;}
h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:700;}
input,button,textarea,select,pre{font-size:inherit;*font-size:100%;font-family:inherit;resize:none}
input[type="button"],input[type="submit"],input[type="reset"],input[type="text"],input[type="tel"],button,textarea,select{-webkit-appearance: none;}
address,cite,dfn,rem,code,var,caption,th{font-style:normal;font-weight:normal;}
article,aside,footer,header,nav,section { display:block; }
q:before,q:after{content:'';}
a, img { -webkit-touch-callout: none; /* 禁止长按链接与图片弹出菜单下载图片 */ }
html, body {
    -webkit-touch-callout: none; /* iOS Safari */
    -webkit-user-select: none; /* Chrome/Safari/Opera */
    -khtml-user-select: none; /* Konqueror */
    -moz-user-select: none; /* Firefox */
    -ms-user-select: none; /* Internet Explorer/Edge */
    user-select: none; /* Non-prefixed version, currently*/;
    height: 100%;
    color:#ffffff;
}
*{word-wrap: break-word;outline:none;margin: 0;padding: 0;border: 0;-webkit-tap-highlight-color:rgba(0,0,0,0);/*禁止链接出现蓝色边框*/
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    touch-action: none;/*阻止 touch事件报错*/
    cursor:pointer;
}

[data-dpr="2"] * {
    font-size: 24px;
}

[data-dpr="3"] * {
    font-size: 36px;
}
/*function*/
.f-ib{display:inline-block;*display:inline;*zoom:1;}
.f-dn,.none{display:none;}
.f-db{display:block;}
.f-fl{float:left;}
.f-fr{float:right;}
.f-pr{position:relative;zoom: 1}
.f-pa{position: absolute;left: 0;right: 0;top:0;bottom: 0}
.f-toe{overflow:hidden;word-wrap:normal;white-space:nowrap;text-overflow:ellipsis;}
.f-iScroll{position: relative;overflow: hidden}
.f-em{font-size: 0.8em;}
.f-opt{opacity: 0.5}
.f-bsd{
    box-shadow: 0 0.04rem 0 0 rgba(0,0,0,0.3);
}
/*盒子模型  - 横向*/
.box{
    display: -webkit-box; /* 老版本语法: Safari, iOS, Android browser, older WebKit browsers. */
    display: -moz-box; /* 老版本语法: Firefox (buggy) */
    display: -ms-flexbox; /* 混合版本语法: IE 10 */
    display: -webkit-flex; /* 新版本语法: Chrome 21+ */
    display: flex; /* 新版本语法: Opera 12.1, Firefox 22+ */
}
.f-brow{
    display: -webkit-box; /* 老版本语法: Safari, iOS, Android browser, older WebKit browsers. */
    display: -moz-box; /* 老版本语法: Firefox (buggy) */
    display: -ms-flexbox; /* 混合版本语法: IE 10 */
    display: -webkit-flex; /* 新版本语法: Chrome 21+ */
    display: flex; /* 新版本语法: Opera 12.1, Firefox 22+ */

    -moz-flex-direction: row ;
    -webkit-flex-direction: row;
    flex-direction: row;
}



.f-bclos{
    display: -webkit-box; /* 老版本语法: Safari, iOS, Android browser, older WebKit browsers. */
    display: -moz-box; /* 老版本语法: Firefox (buggy) */
    display: -ms-flexbox; /* 混合版本语法: IE 10 */
    display: -webkit-flex; /* 新版本语法: Chrome 21+ */
    display: flex; /* 新版本语法: Opera 12.1, Firefox 22+ */

    -moz-flex-direction: column ;
    -webkit-flex-direction: column ;
    flex-direction: column ;
}



/* 垂直 居中 */
.flex-cent{
    display: -webkit-box; /* 老版本语法: Safari, iOS, Android browser, older WebKit browsers. */
    display: -moz-box; /* 老版本语法: Firefox (buggy) */
    display: -ms-flexbox; /* 混合版本语法: IE 10 */
    display: -webkit-flex; /* 新版本语法: Chrome 21+ */
    display: flex; /* 新版本语法: Opera 12.1, Firefox 22+ */

    justify-content: center;
    -webkit-justify-content: center;
    align-items: center;
    -webkit-align-items: center;
    -webkit-box-align: center;
    flex-direction: column;
    -webkit-flex-direction: column;
    -webkit-box-orient: vertical;
    -moz-box-orient: vertical;
    box-orient: vertical;
}
.f-bavg{
    -webkit-box-flex: 1;
    -moz-box-flex: 1;
    box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    -webkit-flex: 1;
    position: relative
}


